
{% extends '../../grsc-base/include/layout-simple.html' %}

{% block title %}賬戶 - YourDax{% endblock %}

{% block head %}
<link rel="stylesheet" href="../scss/account.scss">
{% endblock %}

{% block content %}

{% include "../include/nav/nav.html" with {page: "account", lang: "hk"} %}
<article class="layout-container fn-clearfix module-account-box" :style="'min-height:'+clientHeight+'px'">
    <div class="layout-container-aside m-aside-nav">
        <ul class="list fn-clearfix">
            <li class="left-nav-item">
                <div class="item-box">
                    <a href="#/"
                       class="item-link"
                       :class="{'item-link--active': $route.path === '/' || $route.path.indexOf('digitalasset') >= 0}">
                       <i class="icon icon-DA"></i>資產狀況</a>
                </div>
            </li>
            <li class="left-nav-item left-nav-item--sub">
                <div class="item-box">
                    <a href="#/deposit/BTC"
                       class="item-link"
                       :class="{'item-link--active': $route.path.indexOf('deposit') >= 0}">充值</a>
                </div>
            </li>
            <li class="left-nav-item left-nav-item--sub">
                <div class="item-box">
                    <a href="#/withdraw/BTC"
                       class="item-link"
                       :class="{'item-link--active': $route.path.indexOf('withdraw') >= 0}">轉出</a>
                </div>
            </li>
            <!--<li class="left-nav-item left-nav-item&#45;&#45;sub">-->
                <!--<div class="item-box">-->
                    <!--<a href="#/lock-plan"-->
                       <!--class="item-link"-->
                       <!--:class="{'item-link&#45;&#45;active': $route.path.indexOf('lock-plan') >= 0}">鎖倉計劃</a>-->
                <!--</div>-->
            <!--</li>-->
            <!--<li class="left-nav-item left-nav-item&#45;&#45;sub">-->
                <!--<div class="item-box">-->
                    <!--<a href="#/lock-reward"-->
                       <!--class="item-link"-->
                       <!--:class="{'item-link&#45;&#45;active': $route.path.indexOf('lock-reward') >= 0}">鎖倉獎勵</a>-->
                <!--</div>-->
            <!--</li>-->
            <li class="left-nav-item">
                <div class="item-box">
                    <a href="#/wallet/BTC"
                       class="item-link"
                       :class="{'item-link--active': $route.path.indexOf('wallet') >= 0}"><i class="icon icon-WM"></i>錢包管理</a>
                </div>
            </li>
            <li class="left-nav-item">
                <div class="item-box">
                    <a href="#/basic"
                       class="item-link"
                       :class="{'item-link--active': $route.path.indexOf('basic') >= 0}"><i class="icon icon-BI"></i>基本信息</a>
                </div>
            </li>


            <!--<li class="left-nav-item">-->
                <!--<div class="item-box">-->
                    <!--<a href="#/"-->
                       <!--class="item-link"-->
                       <!--:class="{'item-link&#45;&#45;active': $route.path === '/'}">基本信息</a>-->
                <!--</div>-->
            <!--</li>-->
            <li class="left-nav-item">
                <div class="item-box">
                    <a href="#/certification"
                       class="item-link"
                       :class="{'item-link--active': $route.path.indexOf('certification') >= 0}"><i class="icon icon-AV"></i>實名認證</a>
                </div>
            </li>
            <!--<li class="left-nav-item">-->
                <!--<div class="item-box">-->
                    <!--<a href="#/digitalasset"-->
                       <!--class="item-link"-->
                       <!--:class="{'item-link&#45;&#45;active': $route.path.indexOf('digitalasset') >= 0}">資產狀況</a>-->
                <!--</div>-->
            <!--</li>-->
            <li class="left-nav-item">
                <div class="item-box">
                    <a href="#/my-order"
                       class="item-link"
                       :class="{'item-link--active': $route.path.indexOf('my-order') >= 0}"><i class="icon icon-MO"></i>我的委託</a>
                </div>
            </li>
            <li class="left-nav-item">
                <div class="item-box">
                    <a href="#/message/total"
                       class="item-link"
                       :class="{'item-link--active': $route.path.indexOf('message') >= 0}"><i class="icon icon-MM"></i>消息提醒</a>
                </div>
            </li>
            <li class="left-nav-item">
                <div class="item-box">
                    <a href="#/c2c"
                       class="item-link"
                       :class="{'item-link--active': $route.path.indexOf('c2c') >= 0}"><i class="icon icon-BI"></i>C2C交易設置</a>
                </div>
            </li>
        </ul>
    </div>
    <div class="layout-container-module">
        <div class="module-box">
            <router-view>
                {% include "../include/module-loading.html" %}
            </router-view>
        </div>
    </div>
</article>

{% endblock %}

{% block footer %}
{% include "../include/footer-simple/footer-simple.html" with {lang: "hk"} %}
{% endblock %}

{% block script %}
<script src="../dep/jquery.qrcode.min.js"></script>
<script src="../js/account.js"></script>
{% include "../include/kefu.html" %}
{% endblock %}



